<template>
  <el-col :span="24" class="d-flex flex-column ai-start">
    <div class="el-form-item el-form-item--medium mb-2">
      <label for="date" class="el-form-item__label" style="width: 90px;">区县</label>
      <div class="el-form-item__content">
        <el-select v-model="form.area" disabled placeholder="惠济区">
          <el-option :label="惠济区" :value="惠济区"></el-option>
        </el-select>
      </div>
    </div>
    <div class="el-form-item el-form-item--medium mb-2">
      <label for="date" class="el-form-item__label" style="width: 90px;">乡镇</label>
      <div class="el-form-item__content">
        <el-select v-model="form.town" clearable placeholder="请选择">
          <el-option
            v-for="(town, index) in $basicMes"
            :key="index"
            :label="town.name"
            :value="town.name"
          ></el-option>
        </el-select>
      </div>
    </div>
    <div class="el-form-item el-form-item--medium mb-2">
      <label for="date" class="el-form-item__label" style="width: 90px;">村名称</label>
      <div class="el-form-item__content">
        <el-select v-model="form.vill" clearable placeholder="请选择">
          <el-option
            v-for="(town, index) in $basicMes"
            :key="index"
            :label="town.name"
            :value="town.name"
          ></el-option>
        </el-select>
      </div>
    </div>
    <div class="el-form-item el-form-item--medium mb-2">
      <label for="date" class="el-form-item__label" style="width: 90px;">组号</label>
      <div class="el-form-item__content">
        <el-select v-model="form.group_no" clearable placeholder="请选择">
          <el-option
            v-for="(town, index) in $basicMes"
            :key="index"
            :label="town.name"
            :value="town.name"
          ></el-option>
        </el-select>
      </div>
    </div>
  </el-col>
</template>

<script>
export default {
  data() {
    return {
      form: {}
    };
  }
};
</script>


<style scoped>
</style>
